<template>
	<van-nav-bar  left-text="返回" left-arrow @click-left="onClickLeft" title="全部评价" />
    <div class="bc">
        <span>2022-09-07</span>
        <p>食物新鲜，物美价廉！！！</p>
        <van-grid :border="false" :column-num="3"  square :gutter="10">
  <van-grid-item>
    <van-image
    src="../../../images/pg01.jpg"  
    />
  </van-grid-item>
  <van-grid-item>
    <van-image src="../../../images/pg02.jpg"  
    />
  </van-grid-item>
  <van-grid-item>
    <van-image
    src="../../../images/pg03.jpg"  
    />
  </van-grid-item>
</van-grid>

    </div>
    <div class="bc">
        <span>2022-09-06</span>
        <p>绿色食品，安全放心！</p>
        <van-grid :border="false" :column-num="3"  square :gutter="10">
  <van-grid-item>
    <van-image
    src="../../../images/pg04.jpg"  
    />
  </van-grid-item>
  <van-grid-item>
    <van-image
    src="../../../images/pg05.jpg"  
    />
  </van-grid-item>
  <van-grid-item>
    <van-image
    src="../../../images/pg06.jpg"  
    />
  </van-grid-item>
</van-grid>

    </div>
</template>

<script setup lang="ts">
        import { useProduct } from '../../hooks/detail'
        const { onClickLeft, product,addCart } = useProduct()

</script>

<style scoped>
.bc{
    margin: 10px;
   background-color: rgb(230, 231, 231);
}
span{
    font-size: 15px;
    color: rgb(103, 107, 107);
    margin-left: 8px;
}
p{
    font-size: 16px;
    color: rgb(5, 5, 5);
    margin-top: 4px;
    margin-left: 8px;
}
</style>